body{
	
	width:100%;
	overflow:hidden;
	
}



.hide{ display:none;}

.page{
	width:100%;
	height:100%;
	position:absolute;
	font-size:100px;
	text-align:center;
}

.page .wrapa{
	height:500px;
}

/*.page-1-1 ,.page-2-1,.page-2-2,.page-3-1,.page-4-1,.page-4-2,.page-5-1,.page-6-1,.page-7-1{ background: url('../freesoftware/bj.jpg') no-repeat;background-color: rgba(242,247,250,1);background-size: cover;}*/
.page-current{ z-index:1; }
.page-box{ max-width: 135px; width: 115px; background-color: #FFF;}
.page-box p:last-child{ margin-top: 0px; }
.page-box p{font-size:12px;}
.page-box i{font-size: 66px !important;}
.page-1-1 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 42px; }
.page-1-1 .img_2 { height:auto; width:80%;max-width: 400px; position:absolute; left:10%; top:18%; }
.page-1-1 .img_3 { height: auto; width: 100%; position: absolute; left: 0; top: 52%; text-align: center; font-size: 1rem;  }
.page-1-1 .img_4 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-1-1 .img_5 { height: auto; width: 100%; position: absolute; left: 0; top: 60%; text-align: center; font-size: 1rem;  }
.page-1-1 .img_6 { height:auto;  position:absolute; left:0; top:65%; font-size: 1rem; width: 100%;font-weight: bold;}
.page-4-1 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 42px; }
.page-4-1 .img_2 { height:auto; width:100%; position:absolute; left:0; top:18%;}
.page-4-1 .img_2 img{width: 60%;max-width: 300px;}
.page-4-1 .img_3 { height: auto; width: 100%; position: absolute; left: 0; top: 53%; text-align: center; font-size: 1rem;  }
.page-4-1 .img_4 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-4-1 .img_5 { height:auto; width:142px; position:absolute; left:50%; top:82%; margin-left:-71px; }
.page-4-1 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-4-1 .img_7 { height:auto; width:248px; position:absolute; left:50%; top:8%; margin-left:-110px; }
.page-4-2 .img_1 { height:auto; width:293px; position:absolute; left:50%; top:5%; margin-left:-146px; }
.page-4-2 .img_2 { height:auto; width:260px; position:absolute; left:50%; top:75%; margin-left:-130px; }
.page-4-2 .img_3 { height:auto; width:20px; position:absolute; left:50%; top:87%; margin-left:-10px; }
.page-4-2 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-5-1 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 42px; }
.page-5-1 .img_2 { height:auto; width: 80%; display: inline-block; margin-top: 130px;}
.page-5-1 .img_3 { height:auto; width:172px; position:absolute; right:12%; top:20%; }
.page-5-1 .img_4 { height:auto; width: 80%; position:absolute; left:12%; top:50%; }
.page-5-1 .img_5 { height:auto; width:142px; position:absolute; right:12%; top:50%; }
.page-5-1 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-5-1 .img_7 { height:auto; width:248px; position:absolute; left:50%; top:43%; margin-left:-124px; }
.page-2-1 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; left:0; top: 5%; }
.page-2-1 .img_2 { height:auto; width: 100%; position:absolute; left:0; top:12%; color: #434343; font-size: 1rem; }
.page-2-1 .img_3 { height:auto; position:absolute; left:0; top:120px; }
.page-2-1 .img_4 { height:auto; position:absolute; left:0; top:290px; }
.page-2-1 .img_5 { height:auto; position:absolute; left:0; top:330px; }
.page-2-1 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; }
.page-2-1 .img_7 { height:auto; position:absolute; right:2%; top:40%; width: 0.5rem;}
.page-2-1 .img_8 { height:auto; width:169px; position:absolute; left:50%; top:75%; margin-left:-84px; }
.page-2-2 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; left:0; top: 5%; }
.page-2-2 .img_2 { height:auto; width: 100%; position:absolute; left:0; top:12%; color: #434343; font-size: 1rem; }
.page-2-2 .img_3 { height:auto; position:absolute; left:0; top:120px; }
.page-2-2 .img_4 { height:auto; position:absolute; left:0; top:290px; }
.page-2-2 .img_5 { height:auto; position:absolute; left:0; top:330px; }
.page-2-3 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; left:0; top: 5%; }
.page-2-3 .img_2 { height:auto; width: 100%; position:absolute; left:0; top:12%; color: #434343; font-size: 1rem; }
.page-2-3 .img_3 { height:auto; position:absolute; left:0; top:120px; }
.page-2-3 .img_4 { height:auto; position:absolute; left:0; top:290px; }
.page-2-3 .img_5 { height:auto; position:absolute; left:0; top:330px; }
@media screen and (min-width: 400px) {
	.page-2-1 .img_3 { height:auto; position:absolute; left:0; top:150px; }
	.page-2-1 .img_4 { height:auto; position:absolute; left:0; top:320px; }
	.page-2-1 .img_5 { height:auto; position:absolute; left:0; top:470px; }

	.page-2-2 .img_3 { height:auto; position:absolute; left:0; top:150px; }
	.page-2-2 .img_4 { height:auto; position:absolute; left:0; top:320px; }
	.page-2-2 .img_5 { height:auto; position:absolute; left:0; top:470px; }

	.page-2-3 .img_3 { height:auto; position:absolute; left:0; top:150px; }
	.page-2-3 .img_4 { height:auto; position:absolute; left:0; top:320px; }
	.page-2-3 .img_5 { height:auto; position:absolute; left:0; top:470px; }
}
.page-2-2 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-2-2 .img_7 { height:auto; position:absolute; left:2%; top:40%; width: 0.5rem;}
.page-2-2 .img_8 { height:auto; position:absolute; right:2%; top:40%; width: 0.5rem;}
.page-2-3 .img_6 { height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-2-3 .img_7 { height:auto; position:absolute; left:2%; top:40%; width: 0.5rem;}
.page-3-1 .img_1 { width: 100%; position:absolute; left:0; top:5%; font-size: 1.5rem; color: #434343; font-weight: bold; }
.page-3-1 .img_2 { width: 285px;  font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 110px; display: block; margin: 21% auto 0 auto; }
.page-3-1 .img_2 .icon-pc{font-size: 6.9rem;color: #ff6e32;font-weight: normal;}
.page-3-1 .img_2 p{font-size: 0.9rem;}
.page-3-1 .img_2 p:nth-child(2n+1){font-weight: normal;padding-bottom: 3px;}
.page-3-1 .img_3 { width: 285px;  font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 110px; display: block; margin: 43px auto 0 auto; }
.page-3-1 .img_3 .icon-network{font-size: 6.9rem;color: #ff6e32;font-weight: normal;}
.page-3-1 .img_3 p{font-size: 0.9rem;}
.page-3-1 .img_3 p:nth-child(2n+1){font-weight: normal;padding-bottom: 3px;}

.page-3-1 .img_6{ height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-6-1 .img_1 { width: 100%; position:absolute; left:0; top:5%; font-size: 1.5rem; color: #434343; font-weight: bold; }
.page-6-1 .img_2 { height:auto; position:absolute; left:0; top:20%; background-color: #FFF; border-radius: 50%; width: 110px; height: 110px; }
.page-6-1 .img_2 .icon-safeguard{ color: #4bb7cb; width: 110px; height: 110px; }
.page-6-1 .img_2 .icon-safeguard:before{padding-top: 5px; width: 110px; height: 110px; display: inline-block; margin-top: 11px;}
.page-6-1 .img_3{ position:absolute; text-align: center; ; width: 100%; left: 0; top: 43%; color: #434343; font-weight: bold; font-size: 1rem; } 
.page-6-1 .img_4,.page-6-1 .img_5,.page-6-1 .img_7{ font-size: 1rem; width: 100%; text-align: center; position:absolute; left: 0; }
.page-6-1 .img_4{ top: 48%; color: #434343; }
.page-6-1 .img_7{ top: 53%; color: #434343; }
.page-6-1 .img_5{ top: 58%; color: #434343; }
.page-6-1 .img_6{ height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-7-1 .img_1 { width: 100%; position:absolute; left:0; top:5%; font-size: 1.5rem; color: #434343; font-weight: bold; }
.page-7-1 .img_2 { height:auto; position:absolute; left:0; top:20%; background-color: #FFF; border-radius: 50%; width: 110px; height: 110px; }
.page-7-1 .img_2 .icon-userinfo{ color: #f4c230; width: 110px; height: 110px; }
.page-7-1 .img_2 .icon-userinfo:before{ padding-top: 5px; width: 110px; height: 110px; display: inline-block; margin-top: 11px;}
.page-7-1 .img_3{ position:absolute; text-align: center; ; width: 100%; left: 0; top: 43%; color: #434343; font-weight: bold; font-size: 1rem; } 
.page-7-1 .img_4,.page-7-1 .img_5{ font-size: 1rem; width: 100%; text-align: center; position:absolute; left: 0; }
.page-7-1 .img_4{ top: 48%; color: #434343; }
.page-7-1 .img_5{ top: 53%; color: #434343; }
.page-7-1 .img_6{ height:auto; width:25px; position:absolute; left:50%; top:88%; margin-left:-12px; }
.page-8-1 .img_1 { width: 100%; position: absolute; font-size: 1.5rem; color: #434343; font-weight: bold; margin-top: 42px; }
.page-8-1 .img_2 { height:auto; width:80%; position:absolute; left:10%; top:18%; }
.page-8-1 .img_3 { height: auto; width: 100%; position: absolute; left: 0; top: 52%; text-align: center; font-size: 1rem;  }
.page-8-1 .img_4 { height:auto;  position:absolute; left:0; top:58%; font-size: 1rem; width: 100%;font-weight: bold;}

.page-item-left{float: left;background-color: #FFF;max-width: 135px;padding-top: 0;padding-bottom: 0;}
.page-item-right{float: right;font-size: 1rem;margin-left:25px;margin-top: 39px;}
.icon-p{margin-top: -14px !important;}
@media screen and (max-width: 400px) {
	.page-item-left.page-box{width: 5rem;padding-top: 0;padding-bottom: 0;}
	.page-item-left.page-box i{font-size: 5rem;}
	.icon-p{margin-top: -10px !important;}
}


